<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Chanel登录页面</title>
    <link rel="stylesheet" href="../lib/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="../lib/iconfont/iconfont.css">
    <script src="../js/cookie.js"></script>
    <!-- <link rel="stylesheet" href="../css/index.css"> -->
</head>

<body>
    <header class="clear_fix">
        <!-- 头部logo -->
        <div class="img">
            <img src="../img/logo_black.png" alt="">
        </div>
        <!-- 头部登录部分 -->
        <div class="login">
            <div>
                <span class="loginbtn">请登录</span>
                <span class="iconfont icon-shoppingbags"></span>
                <em>12</em>
            </div>
        </div>
    </header>
    <!-- 导航栏部分 -->
    <div class="navigator">
        <div class="nav">
            <ul>
                <li>
                    <span>香水</span>
                    <div class="ol">
                        <div>
                            <em>明星系列</em>
                            <ul>
                                <li>CHANEL Parfumeur</li>
                                <li>香奈儿五号之水。你的下一个动作是？</li>
                                <li>新品资讯</li>
                                <li>男士精选</li>
                                <li>香奈儿的花田</li>
                                <li>细节的艺术</li>
                            </ul>
                        </div>
                        <div>
                            <em>女士香水</em>
                            <ul>
                                <li>五号香水系列</li>
                                <li>可可小姐香水系列</li>
                                <li>香奈儿嘉柏丽尔香水系列</li>
                                <li>邂逅香水系列</li>
                                <li>邂逅清新淡香水系列</li>
                                <li>邂逅柔情淡香水系列</li>
                                <li>邂逅活力淡香水系列</li>
                            </ul>
                        </div>
                        <div>
                            <em>套组</em>
                            <ul>
                                <li>礼物套组</li>
                                <li>可可小姐黑色香水系列</li>
                                <li>可可香水系列</li>
                                <li>香奈儿魅力香水系列</li>
                                <li>香奈儿感性魅力香水系列</li>
                                <li>十九号香水系列</li>
                                <li>水晶恋香水系列</li>
                            </ul>
                        </div>
                        <div>
                            <em>男士香水</em>
                            <ul>
                                <li>蔚蓝男士香水系列</li>
                                <li>男士运动香水系列</li>
                                <li>男士极限运动香水系列</li>
                                <li>男士香水系列</li>
                                <li>白色魅力精粹男士香水系列</li>
                                <li>香奈儿白金男性香水系列</li>
                                <li>香奈儿自我男性香水系列</li>
                                <li>绅士男性香水系列</li>
                                <li>力度男性香水系列</li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li>
                    <span>彩妆</span>
                    <div class="ol">
                        <div>
                            <em>新品</em>
                            <ul>
                                <li>香奈儿山茶花唇膏</li>
                                <li>全新香奈儿炫亮魅力印记唇釉</li>
                                <li>底妆新法则。 光采由你。</li>
                                <li>香奈儿柔光持妆粉底液</li>
                                <li>香奈儿双效持色唇釉</li>
                                <li>全新眼部彩妆系列</li>
                                <li>全新 香奈儿可可小姐炫光唇膏</li>
                                <li>香奈儿男士系列</li>
                            </ul>
                        </div>
                        <div>
                            <em>脸部</em>
                            <ul>
                                <li>妆前乳</li>
                                <li>遮瑕</li>
                                <li>粉底</li>
                                <li>蜜粉</li>
                                <li>高光</li>
                                <li>腮红</li>
                                <li>米色时尚</li>
                                <li>修颜</li>
                            </ul>
                        </div>
                        <div>
                            <em>眼部</em>
                            <ul>
                                <li>睫毛膏</li>
                                <li>眼影</li>
                                <li>眼线笔</li>
                                <li>眉笔</li>
                                <li>眼部彩盘</li>
                            </ul>
                        </div>
                        <div>
                            <em>唇部</em>
                            <ul>
                                <li>唇膏</li>
                                <li>液体唇膏</li>
                                <li>唇蜜</li>
                                <li>护唇膏</li>
                                <li>唇线笔</li>
                                <li>唇颊彩盘</li>
                                <li>CHANEL TRY ON</li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li>
                    <span>护肤品</span>
                    <div class="ol">
                        <div>
                            <em>新品</em>
                            <ul>
                                <li>提拉紧致 年轻向上</li>
                                <li>限量旅行套装</li>
                                <li>全明星组合</li>
                                <li>柔和净肤系列</li>
                                <li>山茶花保湿系列</li>
                                <li>奢华精萃洁面系列</li>
                            </ul>
                        </div>
                        <div>
                            <em>明星系列</em>
                            <ul>
                                <li>新品资讯</li>
                                <li>男士精选</li>
                                <li>细节艺术</li>
                                <li>香奈儿护肤的奥秘</li>
                            </ul>
                        </div>
                        <div>
                            <em>护肤步骤</em>
                            <ul>
                                <li>清洁/卸妆</li>
                                <li>精华水</li>
                                <li>精华/密集护理</li>
                                <li>乳霜</li>
                                <li>精油</li>
                                <li>眼唇护理</li>
                                <li>防护</li>
                                <li>面膜/去角质</li>
                                <li>喷雾</li>
                                <!-- <li>密集护理</li>
                                <li>身体护理</li>
                                <li>按摩工具</li>
                                <li>套组</li> -->
                            </ul>
                        </div>
                        <div>
                            <em>产品系列</em>
                            <ul>
                                <li>奢华精萃系列</li>
                                <li>智慧紧肤系列</li>
                                <li>山茶花保湿系列</li>
                                <li>光采透白系列</li>
                                <li>柔和净肤系列</li>
                                <li>蓝色肌底精华</li>
                                <li>C C 霜</li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li>
                    <span>特别推荐</span>
                </li>
            </ul>
        </div>
    </div>
    <h2></h2>
    <main>
        <h1>我的账户</h1>
        <div class="container">
            <div class="login clear_fix">
                <div class="text1 clear_fix">
                    <span>已注册用户</span>
                    <span id="jiantou1" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></br>
                </div>
                <form id="loginform" action="" method="post">
                    <label for="" name="usr">用户名 <em>*</em></label></br>
                    <input class="inpusr" type="text"></br>
                    <label for="">密码 <em>*</em></label></br>
                    <input class="inppsd" type="password" name="psd" id=""><br>
                    <p><a>忘记密码？</a></p>
                    <button class="btn1">登录</button>
                    <p>*必填</p>
                </form>
            </div>
            <div class="register clear_fix">
                <div class="text2 clear_fix">
                    <span>新用户注册</span>
                    <span id="jiantou2" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span>
                </div>
                <form id="registerform" action="" method="post">
                    <i>创建您的账户，享受专属优惠与个性化服务</i><br><br>
                    <label for="" name="usr">用户名 <em>*</em></label></br>
                    <input class="regusr" type="text"></br>
                    <label for="">密码 <em>*</em></label></br>
                    <input class="regpsd" type="password" name="psd" id=""><br>
                    <label for="">确认密码 <em>*</em></label></br>
                    <input class="comregpsd" type="password" name="psd" id=""><br>
                    <button class="btn2">确认并提交</button>
                    <p>*必填</p>
                </form>
            </div>
        </div>
    </main>
    <footer>
        <ul>
            <li>
                <h3>线上客服</h3>
                <p>香奈儿线上专门店客服团队将竭诚为您服务,请联系线上美容顾问
                    或致电 4009-555-888，工作时间每日上午9点至晚上24点。</p>
            </li>
            <li>
                <h3>购买</h3>
                <p>每笔订单均附赠指定体验装。</p>
                <p>并享受免费订单配送。</p>
            </li>
            <li>
                <h3>最新资讯</h3>
                <p>订阅香奈儿最新资讯：限量创作系列，到心意好礼，尽在掌握。</p>
                <span>订阅</span>
            </li>
        </ul>
    </footer>
    <script src="../lib/jquery/dist/jquery.min.js"></script>
    <script src="../lib/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="../js/login.js"></script>
</body>

</html>